<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>基础管理类</title>
<link rel="stylesheet" href="/css/style.css">
<script src="/js/jquery-2.1.4.min.js"></script>
<style type="text/css">
	#weiguineir,.chuna,#chrye{
		display: none;
	}
	.prd{
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.push_button{
  background: #ededed;
  background-image: -webkit-linear-gradient(top, #ededed, #bab1ba);
  background-image: -moz-linear-gradient(top, #ededed, #bab1ba);
  background-image: -ms-linear-gradient(top, #ededed, #bab1ba);
  background-image: -o-linear-gradient(top, #ededed, #bab1ba);
  background-image: linear-gradient(to bottom, #ededed, #bab1ba);
  -webkit-border-radius: 15;
  -moz-border-radius: 15;
  border-radius: 15px;
  text-shadow: 0px 1px 0px #e1e2ed;
  -webkit-box-shadow: 3px 4px 0px 0px #899599;
  -moz-box-shadow: 3px 4px 0px 0px #899599;
  box-shadow: 3px 4px 0px 0px #899599;
  font-family: Arial;
  color: #3a8a9e;
  font-size: 16px;
  padding: 12px 30px 12px 30px;
  border: solid #d6bcd6 1px;
  text-decoration: none;
  margin: 15px;
}
.heading{
	margin: 15px;
}
.push_button:hover {
  color: #3a8a9e;
  background: #bab1ba;
  text-decoration: none;
} 
.ha{
	width:100%;
}
</style>
</head>
<body style="background-color: rgb(242,242,242);">

	<!-- 内容开始 -->
	<h1 class="mb">目标</h1>
	<div class="jcglbt">
		规章制度<br/>
		企业应建立健全安全生产和职业卫生规章制度，并征求工会及从业人员意见和建议，规范安全生产和职业卫生管理工作。<br/>
		企业应确保从业人员及时获取制度文本。<br/>
		企业安全生产和职业卫生规章制度包括但不限于下列内容：
	</div>
	<form class="check" method="post" action='/check/create' >
		{{ csrf_field() }}
		<input type="hidden" name="id" value="{{$id}}">
		<input type="hidden" name="groupId" value="{{$groupId}}">
		<?php $i=0; ?>
		<div class="jcglcon">
			@foreach ($entrys as $entry)
		    <li  value="{{$i}}">
				<h3> {{$entry->entry}}</h3>
				<div class="annl">
					<!--<input type="hidden" name="show" value="{{$i}}" class="inputIDs">-->
					<input type="hidden" name="entryId[{{$i}}]" value="{{$entry->id}}" class="inputIDs">
					<span><input class="iod" type="radio" checked="checked"  name="status[{{$i}}]" value="1" > 符合</span>
					<span class="wg"><input class="ied" type="radio" name="status[{{$i}}]" value="2"> 不符合</span>
					<!-- <img src="/images/paizhao.png" alt="" /> -->
					<img class="yiju" src="/images/yiju.png" alt="" />
				</div>
				<div id="weiguineir">	
				<h1 class="weigner" style="cursor:pointer">添加违规内容</h1>
				<div id="dcontent" class="dcontent">
					<p style="display: none;" class="heading">上传文件列表：</p>
					<ul id="files" style="text-align:left;display: none;">
						
					</ul>
					<table>
						<tbody>
							<tr class="ha">
								<td><div class="push_button" onclick="appendByCamera()">拍照</div></td>
								<td><div class="push_button" onclick="appendByGallery()">相册选取</div></td>
								<td><div name="picture[{{$i}}]" class="push_button" onclick="upload(this)">上 传</div></td>	
							</tr>
							<tr class="ha">
								
								
							</tr>
						</tbody>
					</table>
				</div>
				</div>
				
				<input class="chrye" id="chrye" type="text" name="content[{{$i}}]"  placeholder="请输入文字描述" />
								
			</li>
			<?php $i++; ?>
			@endforeach
		</div>
		<!--对于符合与不符合的选择-->
		<script type="text/javascript">
			$(".annl input").each(function(){
  var id= $(this).attr("class");
  if($("."+id).attr("checked")=="checked"){
   var fs=$("#"+id).val();
  }
});
var s1 = $(".iod").val(); // .aa 为class
var s2 = $(".ied").val();

$(function(){
  $("input[type='radio']").click(function(){
    var id= $(this).attr("class");
//  alert(id);   
  if(id=="iod"){

  	$(this).parents("div.annl").next("div#weiguineir").css("display","none")
  	$(this).parents("div.annl").next("div#weiguineir").next("input.chrye").css("display","none")
  	$(this).parents("div.annl").next("div#weiguineir").next("input.chrye").next("input.chuna").css("display","none")
  	$(this).parents("div.annl").next("div#weiguineir").next("div#dcontent").css("display","none")
  }
  else{

  	$(this).parents("div.annl").next("div#weiguineir").css("display","block")
  	$(this).parents("div.annl").next("div#weiguineir").next("input.chrye").css("display","block")
  	$(this).parents("div.annl").next("div#weiguineir").next("input.chrye").next("input.chuna").css("display","block")
  	$(this).parents("div.annl").next("div#weiguineir").next("div#dcontent").css("display","block")
  }
  
  });
});
		</script>
		
		<input class="qrtj" type="submit" value="保存">
	</form>
	
	<!-- 违规内容弹窗 -->
	<div id="goodcover2"></div>
	<div id="code22">
	    <form id="form1" onsubmit="return false" action="##" method="get" class="goodtxt muc">
	    	<div class="pItem"
	    		>
				<p></p>
				<p></p>
				<p></p>
			</div>
	    	<!--<input onclick="sel()" type="submit" text=""  />-->
	    		    	<input id="shezhi" type="submit" text="" />

	    </form>
	</div>
	<script type="text/javascript">
		var checkid;
		var checkidde;
		
		$('#shezhi').click(function sel() {

	
	
var xuanzhongde = $(this).parents("form").children('div').children('p').attr("data-check")
        	
			// 提交
			var arr = [];
			var xuanzhong = [];
			for (var i=0;i<$("#form1 .pItem p").length;i++){
				if($("#form1 .pItem p").eq(i).attr("class") == "act"){
					var ids = $("#form1 .pItem p").eq(i).attr("data-id")
					var iue = $("#form1 .pItem p").eq(i).text()
					if(!check) {
						var check = $("#form1 .pItem p").eq(i).attr("data-check")
					}
					arr.push(ids)
					xuanzhong.push(iue)
				}
			}
			$(".check .jcglcon").append("<input name='negative["+check+"]' value ='"+arr.join(',')+",'  type='hidden' >");
			$('#code22').hide();
	        $('#goodcover2').hide();
				// ajax 提交数据
				
				
//				显示数据

//alert(checkid)
//每个大类的id
//alert(checkidde)
//点击的他自己这个违规选项的元素
//alert(xuanzhong)
//选中的违规项的内容
if(checkidde.children("h1.prd")!=""){
	checkidde.children("h1.prd").remove()}

for (var i=0;i<xuanzhong.length;i++){
	
	
	checkidde.append("<h1 class='weigner prd' data-id='"+1+"'>"+xuanzhong[i]+"</h1>")
		}	
       })
        
        
        
        
        
        
        function play() {
        	console.log();
        	var cont=document.getElementById("ClickMe2");
  			console.log('innerHtml cont= '+ cont.innerHTML);
        }
    </script>
	<script>
	$(function() {
		$("#form1 .pItem").on("click","p",function(){
			if($(this).attr("class") == "act"){
				$(this).removeClass("act")
			}else{
				$(this).addClass("act")
			}
		});
	    //alert($(window).height());
	    $('.weigner').click(function() {
//	    	$(this).parents("div").children('h1').siblings().remove()
	    	checkid = $(this).parents("li").children('div').children('input').val();
	    	checkidde = $(this).parents("li").children('div').next();
			$.ajax({

				type: "GET",//方法类型weigner
				dataType: "json",//预期服务器返  回的数据类型
				url: "/check/getChecknegative/"+checkid ,//url
				data: $('#form1').serialize(),
				success: function (result) {
					$('#code22').center();
					$('#goodcover2').show();
					$('#code22').fadeIn();
					$("#form1 .pItem").find('p').remove()					
					for(var i=0;i<result.length;i++){						
						if(i==0){
							$("#form1 .pItem").append("<p class='act' data-check='"+checkid+"' data-id='"+result[i].id+"'>"+result[i].content+"</p>")
						}else{
							$("#form1 .pItem").append("<p data-check='"+checkid+"' data-id='"+result[i].id+"'>"+result[i].content+"</p>")
						}
					}
				},
				error : function() {
					alert("数据读取异常！");
				}
			});

	    });
	    $('#closebt2').click(function() {
	        $('#code22').hide();
	        $('#goodcover2').hide();
	    });
		$('#goodcover2').click(function() {
	        $('#code22').hide();
	        $('#goodcover2').hide();
	    });
	    jQuery.fn.center = function(loaded) {
	        var obj = this;
	        body_width = parseInt($(window).width());
	        body_height = parseInt($(window).height());
	        block_width = parseInt(obj.width());
	        block_height = parseInt(obj.height());

	        left_position = parseInt((body_width / 2) - (block_width / 2) + $(window).scrollLeft());
	        if (body_width < block_width) {
	            left_position = 0 + $(window).scrollLeft();
	        };

	        top_position = parseInt((body_height / 2) - (block_height / 2) + $(window).scrollTop());
	        if (body_height < block_height) {
	            top_position = 0 + $(window).scrollTop();
	        };

	        if (!loaded) {

	            obj.css({
	                // 'position': 'absolute'
	                'position': 'fixed'
	            });
	            obj.css({
	                'top': ($(window).height() - $('#code22').height()) * 0.5,
	                'left': left_position
	            });
	            $(window).bind('resize', function() {
	                obj.center(!loaded);
	            });
	            $(window).bind('scroll', function() {
	                obj.center(!loaded);
	            });

	        } else {
	            obj.stop();
	            obj.css({
	                // 'position': 'absolute'
	                'position': 'fixed'
	            });
	            obj.animate({
	                'top': top_position
	            }, 200, 'linear');
	        }
	    }

	})
	</script>
<script type="text/javascript">
		var server="http://book.ccshe.com/upload/uploadimg";
		var files=[];
		// 上传文件
		function upload(a){
			if(files.length<=0){
				plus.nativeUI.alert("没有添加上传文件！");
				return;
			}
			console.log(a);
			var wt=plus.nativeUI.showWaiting();
			var task=plus.uploader.createUpload(server,
					{method:"POST"},
					function(t,status){ //上传完成
						var rsult=JSON.parse(t.responseText);
	
						if(status==200){
							var td = a.parentNode;
							var tr = td.parentNode;
							
							var newInput = document.createElement("input");
							var newImg = document.createElement("img");  
							newInput.type='hidden';   
							newInput.value=rsult.data;   
							newInput.name=a.getAttribute("name");
							a.appendChild(newInput); 
							
							newImg.src = rsult.data; 
							
							tr.appendChild(newImg); 
							
							wt.close();
						}else{
							outLine("上传失败："+status);
							wt.close();
						}
					}
				);
			task.addData("client","HelloH5+");
			task.addData("uid",getUid());
			for(var i=0;i<files.length;i++){
				var f=files[i];
				task.addFile(f.path,{key:f.name});
			}
			task.start();
			files=[];
		}
		// 拍照添加文件
		function appendByCamera(){
			plus.camera.getCamera().captureImage(function(p){
				appendFile(p);
			});	
		}
		// 从相册添加文件
		function appendByGallery(){
			plus.gallery.pick(function(p){
		        appendFile(p);
		    });
		}
		// 添加文件
		var index=1;
		function appendFile(p){
			var fe=document.getElementById("files");
			var li=document.createElement("li");
			var n=p.substr(p.lastIndexOf('/')+1);
			li.innerText=n;
			fe.appendChild(li);
			files.push({name:"fileImg",path:p});
			index++;
			empty.style.display="none";
		}
		// 产生一个随机数
		function getUid(){
			return Math.floor(Math.random()*100000000+10000000).toString();
		}
		</script>
	<!-- 法律法规内容弹窗 -->
	<div id="goodcover3"></div>
	<div id="code3">
	    <form id="form3" onsubmit="return false" action="##" method="get" class="goodtxt muc">
	    	<div class="divItem">
	    		
	    		<div id="yiju">
				<h2>责任事项及依据</h2>
				<!--<h3>1 《安全生产法》第四条</h3>
				<p>生产经营单位必须遵守本法和其他有关安全生产的法律、法规，加强安全生产管理，建立、健全安全生产责任制和安全生产规章制度，改善安全生产条件，推进安全生产标准化建设，提高安全生产水平，确保安全生产。</p>
				<h3>2 《山东省生产经营单位安全生产主体责任规定》第七条</h3>
				<p>生产经营单位应当依据法律、法规、规章和国家、行业或者地方标准，制定涵盖本单位生产经营全过程和全体从业人员的安全生产管理制度和安全操作规程</p>-->
				</div>
				<div id="qingxing">
				<h2>追责依据及情形</h2>
				<!--<h3>1 《安全生产法》第九十一条</h3>
				<p>生产经营单位必须遵守本法和其他有关安全生产的法律、法规，加强安全生产管理，建立、健全安全生产责任制和安全生产规章制度，改善安全生产条件，推进安全生产标准化建设，提高安全生产水平，确保安全生产。</p>
				<h3>2 《山东省生产经营单位安全生产主体责任规定》第七条</h3>
				<p>生产经营单位应当依据法律、法规、规章和国家、行业或者地方标准，制定涵盖本单位生产经营全过程和全体从业人员的安全生产管理制度和安全操作规程</p>-->
				</div>
			</div>
	    </form>
	</div>
	<script>
	$(function() {
	    //alert($(window).height());
	    $('.yiju').click(function() {
	    	$("#yiju h3").remove()
	    	$("#yiju p").remove()
			$.ajax({

				type: "GET",//方法类型weigner
				dataType: "json",//预期服务器返  回的数据类型
				url: "/check/getCheckaccord/"+$(this).parents("li").children('div').children('input').val(),//url
				data: $('#form3').serialize(),
				success: function (result) {
					$('#code3').center();
					$('#goodcover3').show();
					$('#code3').fadeIn();
//					$("#form3 .divItem").find('div').remove()
//					alert(result.checkaccord[0].title)
//					alert(result.checkcommand[0].title)
//					alert(result.checkaccord.length)

					for(var i=0;i<result.checkaccord.length;i++){
//						alert(123)
$("#yiju").append("<h3 class='' data-id='"+result.checkaccord[i].id+"'>"+result.checkaccord[i].title+"</h3>")
$("#yiju").append("<p class='' data-id='"+result.checkaccord[i].id+"'>"+result.checkaccord[i].content+"</p>")
					}
					for(var i=0;i<result.checkcommand.length;i++){
$("#qingxing").append("<h3 class='' data-id='"+result.checkcommand[i].id+"'>"+result.checkcommand[i].title+"</h3>")
$("#qingxing").append("<p class='' data-id='"+result.checkcommand[i].id+"'>"+result.checkcommand[i].content+"</p>")
					}
					
					
					
				},
				error : function() {
					alert("数据读取异常！");
				}
			});

	    });
	    $('#closebt2').click(function() {
	        $('#code3').hide();
	        $('#goodcover3').hide();
	    });
		$('#goodcover3').click(function() {
	        $('#code3').hide();
	        $('#goodcover3').hide();
	    });
	    jQuery.fn.center = function(loaded) {
	        var obj = this;
	        body_width = parseInt($(window).width());
	        body_height = parseInt($(window).height());
	        block_width = parseInt(obj.width());
	        block_height = parseInt(obj.height());

	        left_position = parseInt((body_width / 2) - (block_width / 2) + $(window).scrollLeft());
	        if (body_width < block_width) {
	            left_position = 0 + $(window).scrollLeft();
	        };

	        top_position = parseInt((body_height / 2) - (block_height / 2) + $(window).scrollTop());
	        if (body_height < block_height) {
	            top_position = 0 + $(window).scrollTop();
	        };

	        if (!loaded) {

	            obj.css({
	                // 'position': 'absolute'
	                'position': 'fixed'
	            });
	            obj.css({
	                'top': ($(window).height() - $('#code3').height()) * 0.5,
	                'left': left_position-15
	            });
	            $(window).bind('resize', function() {
	                obj.center(!loaded);
	            });
	            $(window).bind('scroll', function() {
	                obj.center(!loaded);
	            });

	        } else {
	            obj.stop();
	            obj.css({
	                // 'position': 'absolute'
	                'position': 'fixed'
	            });
	            obj.animate({
	                'top': top_position
	            }, 200, 'linear');
	        }
	    }

	})
	</script>


</body>
</html>